如何在 Markdown 中引用代码?
how to reference code in Markdown?
我写markdown文件主要是为了我的jekyll博客,所以liquid方法还可以
将原始 HTML 代码插入降价时。整个降价代码页看起来丑陋且混乱。而且过几天就很难修改了。
那么我可以只让一些代码成为参考风格吗?更具体地说,将原始 HTML 代码放在 markdown 代码页的底部,并只使用原始段落中的 [...] 。就像 link 和图像引用语法一样。
原代码在这里
- para1
- para2
- 第 3 段
我想做的就在这里
- para1
- para2
[简要参考代码]
- 第 3 段
< a href="这里还有很长很无聊的HTML link 不过我把它放在了底部" />
Jekyll 具有用于显示代码的内置语法高亮显示,这不仅可以确保它被正确呈现(即包装在 <pre>
和 <code>
元素中)它还会添加特定于语言的样式。
对于html高亮你可以使用{% highlight html %}
,例如:
{% highlight html %}
<div class="alert alert-success" role="alert">
<strong>Boom!</strong> I'm a code example.
</div>
{% endhighlight %}
Markdown 无法引用链接以外的内容:
- item 1
- item 2
- [boring_link]
- para3
[boring_link]: https://boring.com/link.html "description of boring link"
通过 Jekyll,您可以使用 Liquid 的 capture
标签(甚至在 .md 文件中):
{% capture reference %}
… any html content …
{% endcapture %}
…
{{ reference }}
但这只有在您首先捕获您的内容时才有效。
恐怕不能完全按照您的意愿去做;但根据您的实际 HTML 内容,应该有多种选择。
我写markdown文件主要是为了我的jekyll博客,所以liquid方法还可以
将原始 HTML 代码插入降价时。整个降价代码页看起来丑陋且混乱。而且过几天就很难修改了。
那么我可以只让一些代码成为参考风格吗?更具体地说,将原始 HTML 代码放在 markdown 代码页的底部,并只使用原始段落中的 [...] 。就像 link 和图像引用语法一样。
原代码在这里
- para1
- para2
- 第 3 段
我想做的就在这里
- para1
- para2
[简要参考代码]
- 第 3 段
< a href="这里还有很长很无聊的HTML link 不过我把它放在了底部" />
Jekyll 具有用于显示代码的内置语法高亮显示,这不仅可以确保它被正确呈现(即包装在 <pre>
和 <code>
元素中)它还会添加特定于语言的样式。
对于html高亮你可以使用{% highlight html %}
,例如:
{% highlight html %}
<div class="alert alert-success" role="alert">
<strong>Boom!</strong> I'm a code example.
</div>
{% endhighlight %}
Markdown 无法引用链接以外的内容:
- item 1
- item 2
- [boring_link]
- para3
[boring_link]: https://boring.com/link.html "description of boring link"
通过 Jekyll,您可以使用 Liquid 的 capture
标签(甚至在 .md 文件中):
{% capture reference %}
… any html content …
{% endcapture %}
…
{{ reference }}
但这只有在您首先捕获您的内容时才有效。
恐怕不能完全按照您的意愿去做;但根据您的实际 HTML 内容,应该有多种选择。